﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Hotnet.Web.Utility.NewsRotatorControl>" %>
<div id="focusPic">
		<ul id="trNews">
			<%for (int i = 0; i <Model.Tabs.Length; i++)
		{%>
			<li id="t<%=i+1 %>" class="">
				<a target="_blank" href="<%=Model.Tabs[i].TabLink %>">
					<%=Model.Tabs[i].TabName %>
				</a>
			</li>
	<% } %>
		</ul>
		<%for (int i = 0; i < Model.News.Length; i++)
	{%>
		
		<div id="s<%=i %>" class="pic" style="display: none;">
			<div class="textbg">
			</div>
			<div class="text">
				<a target="_blank" href="/News/View/<%=Model.News[i].NewsID %>">
					<%=Model.News[i].Title %>
				</a>
			</div>
			<a target="_blank" href="/News/View/<%=Model.News[i].NewsID %>">
				<img border="0"src="<%=Model.News[i].ImagePath %>" alt="picture" />
			</a>
		</div>
		
	<%} %>
</div>

<script type="text/javascript">

	$(document).ready(
	function() {
		var focusCtr = new TabControl();
		focusCtr.addRange(document.getElementById("trNews").getElementsByTagName('li'), ['s1', 's2', 's3', 's4', 's5', 's6']);
		focusCtr.triggerType = "mouseover";
		focusCtr.enableSlide = true;
		focusCtr.slideInterval = 2000;
		focusCtr.init();
	}
);

	
</script>

<style type="text/css">
	body
	{
		font-family: "宋体" ,arial,helvetica,clean,sans-serif;
		font-size: 12px;
		font-size-adjust: none;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: normal;
	}
	/*焦点轮播图*/#focusPic
	{
		float: left;
		padding-bottom: 2px;
		width: 276px;
		height: 230px;
	}
	#focusPic ul
	{
		margin: 0;
		padding: 0;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		float: left;
		width: 277px;
		background: url(/images/focuspic2.gif) no-repeat right top;
	}
	#focusPic li
	{
		list-style-type: none;
		float: left;
		width: 46px;
		height: 26px;
		background: url(/images/focuspic.gif) no-repeat left;
		line-height: 24px;
		text-align: center;
		font-weight: bold;
	}
	#focusPic li a, #focusPic li a
	{
		color: #666;
		text-decoration: none;
		line-height: 26px;
	}
	#focusPic li.current
	{
		width: 46px;
		height: 26px;
		line-height: 24px;
		background: url(/images/focuspic.gif) no-repeat right;
	}
	#focusPic li.current a, #focusPic li.current a
	{
		color: #fff;
		text-decoration: underline;
	}
	#focusPic .pic
	{
		float: left;
		position: relative;
		width: 276px;
		height: 200px;
	}
	#focusPic .textbg
	{
		position: absolute;
		top: 170px;
		left: 0;
		width: 276px;
		height: 30px;
		z-index: 15;
		background: #000;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	#focusPic .text
	{
		position: absolute;
		top: 170px;
		left: 0;
		width: 276px;
		height: 30px;
		z-index: 16;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	#focusPic .text a
	{
		color: #fff;
		line-height: 30px;
	}
	#scrollNews2
	{
		float: left;
		width: 425px;
		height: 160px;
		padding: 0 0 3px 12px;
	}
	#scrollNews2 .list6
	{
		float: left;
		width: 420px;
		height: 148px;
		color: #333;
		overflow: hidden;
		margin-top: 8px;
		font-size: 14px;
	}
	#scrollNews2 .list6 li
	{
		width: 420px;
		height: 24px;
	}
	#scrollNews2 .list6 li span
	{
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
	}
</style>
